<template>
	<view class="wallet">
		<u-navbar 
		:autoBack="true" 
		title="客服" 
		:is-fixed="false"	
		:placeholder="true" 
		:border-bottom="false"	 
		:bgColor="background"></u-navbar>
		<view class="imgbg">
			<image class="img1" show-menu-by-longpress :src="comm_img_url+'/pro/kf-bg1.jpg'" mode="widthFix"></image>
			<image class="img2" show-menu-by-longpress :src="kfInfor.ewm" mode="widthFix"></image>
		</view>
	</view>
</template>
<script>
	
	export default {
		components:{
			
		},
		data() {
			return {
				swiperList2:[],
				performance:{},
				 value1: Number(new Date()),
				showTime:false,
				comm_img_url:'',
				num:'',
				tel:'',
				info:{},
				tab:0,
				background:'transparent',
				page:1,
				totalPage:1,
				list:[],
				paytype:'wxpay',//支付类型
				kfInfor:{}
			};
		},
		onLoad() {
			this.comm_img_url = this.$c.appImg
			this.initData()
		},
		onReachBottom() {
		  console.log('onReachBottom');
		  
		},
		methods:{
			
			initData(){
				this.$u.api.souceKf()
				.then(res=>{
					console.log(res.msg);
					if(res.status){
						this.kfInfor = res.msg
						return 
					}
				})
				.catch(err=>{
					console.log(err);
					uni.showToast({
						icon: 'none',
						title: "网络异常，请稍后"
					})
				})
			},
			
		}
	}
</script>
<style lang="scss">
	page{
		// background-image: linear-gradient(#be8ff0, #e9d2fa );
		// background-image: linear-gradient(to bottom, #e9d2fa, #fff);
		.imgbg{
			width:750rpx;
			height:1334rpx;
			position:relaitve;
			.img1{
				width:750rpx;
				height:1334rpx;
			}
			.img2{
				position:absolute;
				top:530rpx;
				left:50%;
				transform: translateX(-50%);
				width:400rpx;
				height:400rpx;
			}
		}
	
	}
</style>
